<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />

    <title><%= htmlWebpackPlugin.options.title %></title>

    <meta
      name="description"
      content="<%= htmlWebpackPlugin.options.description %>"
    />

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">

    <%= htmlWebpackPlugin.options.customHeadHTML %>
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div class="b-page-header" id="header"></div>
    <div id="root"></div>

    <script
      async
      src="https://widget.kapa.ai/kapa-widget.bundle.js"
      data-website-id="11a9339d-20ce-4ddb-9ba3-1b6e29afe8eb"
      data-project-name="dstack"
      data-project-color="rgba(0, 0, 0, 0.87)"
      data-font-size-lg="0.78rem"
      data-button-hide="true"
      data-modal-image="/logo-notext.svg"
      data-modal-z-index="1100"
      data-modal-title="Ask me anything"
      data-font-family='metro-web, Metro, -apple-system, "system-ui", "Segoe UI", Roboto'
      data-project-logo="/assets/images/kapa.svg"
      data-modal-disclaimer="This is a custom LLM for dstack with access to Documentation, API references and GitHub issues. This feature is experimental - Give it a try!"
      data-user-analytics-fingerprint-enabled="true"
    ></script>
  </body>
</html>
